<#include "header.ftl">
<script>
	function show(url)
	{
		var f="<iframe class='mainFrame' src='http://158.0.0.6/"+url+"'></iframe>";
		$(".content").html("");
		$(".content").append(f); 
	}
	$(function(){
		$('.tabs').bind('tabsselect', function(event, ui) {
	  		
		});
	});
</script>
<div class="tabs" >
	<ul >
	<#list data as t>
			<li><a href="#${t["menuId"]}">${t["title"]!""}</a></li>
	</#list>
	</ul>
	<#list data as t>
		<div id="${t["menuId"]}"></div>
	</#list>
	
</div>

			


<#macro treeMenu p>
			<ul class="treeview">
				<#list p.tmenus as t>
					<#if (t.tmenus?size>0)>
						<li>${t.title}
						<@treeMenu p=t></@treeMenu>
					<#else>
						<li><a id="${t["menuId"]}" href="#${t["menuId"]}" onclick="show('${t.url!}')">${t.title}</a>
					</#if>
					</li>
				</#list>
			</ul>
</#macro>